* {
    margin: 0;
    padding:0
}
html,body{
    height: 100%;
}
 video {
     position: fixed;
     right: 0px;
     bottom: 0px;
     min-width: 100%;
     min-height: 100%;
     height: auto;
     width: auto;
     /*加滤镜*/
     /*filter: blur(15px); //背景模糊设置 */
     /*-webkit-filter: grayscale(100%);*/
     /*filter:grayscale(100%); //背景灰度设置*/
     z-index: -11
 }

 source {
     min-width: 100%;
     min-height: 100%;
     height: auto;
     width: auto;
 }
.main{
    height:100%;
    display:flex;
    justify-content: space-between;
    
    .column{
        width:29%;
        // background:pink;
        &:nth-of-type(2){
            width:40%;
            // background:yellow;
            margin:0 .2rem ;/* 15/100 */
            display:flex;
            flex-direction: column;
        }
        .panel{
            width:100%;
            height:33%;
            margin:.2rem; /* 10/100 */
            // background-color:pink;

        }
        .top{
            width:100%;
            height:50%;
            display:flex;
            position:relative;
            h1{
                color:#fff;
                width:100%;
                justify-content: center;
                align-items: center;
                font-size:5rem;
                text-align: center;
                margin-top:25rem;

            }

        }
        .bottom{
            height:50%;
            margin-top:4rem;
            
        }
    }
}
